import React, { useState, useTransition } from 'react'

// useTransition,优先更新其他内容，在空闲的时候来更新自身数据

export default function App() {

    const [inpValue, setinpValue] = useState('')

    const [isPending, startTransition] = useTransition()

    const [count, setcount] = useState(100)

    return (
        <div>
            <h1>{inpValue}</h1>
            <input value={inpValue} onChange={(e) => {

                // 开启非阻塞，当有其他数据更新的时候，优先跟新其他
                // startTransition(() => {
                //     setinpValue(e.target.value)
                // })
            }} type="text" />


            <button onClick={() => {
                startTransition(() => {
                    setcount(count + 1)
                })
            }}>点击加 - {count} </button>

            {isPending && <h1>6666666666666666</h1>}
        </div>
    )
}
